﻿/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-clear{clear:both;height: 0;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../font/ProximaNova-Regular.otf'),
    url('../font/proximanova-regular.eot?#iefix')format('embedded-opentype');
}
.f-ff3{font-family: "Proxima Nova","Microsoft YaHei";}
.f-fs10{font-size:10px;}
.f-fs12{font-size:12px;}
.f-fs14{font-size:14px;}
.f-fs16{font-size:16px;}
.f-fs18{font-size:18px;}
.f-fs20{font-size:20px;}
.f-fs22{font-size:22px;}
.f-fs24{font-size:24px;}
.f-fs26{font-size:26px;}
.f-fs28{font-size:28px;}
.f-fs30{font-size:30px;}
.f-fs32{font-size:32px;}
.f-fs36{font-size:36px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-word;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;overflow: hidden}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-tdl{text-decoration: line-through}
/*截断*/
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}

/*外边距-上*/
.f-mt5{margin-top: 5px}
.f-mt10{margin-top: 10px}
.f-mt15{margin-top: 15px}
.f-mt20{margin-top: 20px}
.f-mt30{margin-top: 30px}
.f-mt50{margin-top: 50px}
.f-pl25{padding-left: 25px;}

/*外边距-右*/
.f-mr0{margin-right: 0}

/*外边距-左*/
.f-ml0{margin-left: 0}
.f-ml5{margin-left: 5px;}
.f-ml10{margin-left: 10px}
.f-ml15{margin-left: 15px;}
.f-ml20{margin-left: 20px}
.f-ml30{margin-left: 30px;}
.f-mr10{margin-right: 10px;}
.f-mr30{margin-right: 30px;}
.f-mr15{margin-right: 15px;}

/*字体颜色*/
.f-cl0{color: #e0403f;}
a.f-cl1,.f-cl1{color: #D94432}
a.f-cl1:hover{color: #D94432}
a.f-cl2,.f-cl2{color: #515151}
a.f-cl2:hover{color: #D94432}
a.f-cl3,.f-cl3{color: #3891eb}
a.f-cl3:hover{color: #42abff}
.f-c14{color: #e35442;}
.f-cl5{color: #1ea310;}
.f-cl6{color: #f77403;}
.f-cl7{color: #999;}
.f-cl8{color: #626262;}
.f-cl9{color: #434343;}
.f-cl10{color: #a0a0a0;}
.f-cl11{color: #b0b0b0;}
.f-cl12{color: #8b8b8b;}
.f-c113{color: #7d7d7d;}
.f-cl14{color: #ed725e;}
.bg1{background: #f4f4f4}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
/*::-webkit-scrollbar{width: 8px;height: 8px;background-color: #fff;}*/
/*定义滚动条轨道 内阴影+圆角*/
/*::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 5px;}*/
/*定义滑块 内阴影+圆角*/
/*::-webkit-scrollbar-thumb{border-radius: 5px;-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,.3);background-color: #ccc;}*/